<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	   				 <!-- Dialog register customer -->
   <form>
	    <p:dialog id="modalDialogTema" header="Configurações do Tema" widgetVar="dlgConfigTema" modal="true" height="200" width="490"> 
	    
	          <h:panelGrid columns="2" cellpadding="10">  
        <h:outputText value="Padrão Switcher:" />   
        <p:themeSwitcher style="width:165px" id="defaultSwitcher">  
            <f:selectItem itemLabel="Selecione o Tema" itemValue="" />  
            <f:selectItems value="#{themeSwitcherBean.themes}" />  
        </p:themeSwitcher>  
  
        <h:outputText value="Stateful Switcher:" />   
     <p:themeSwitcher value="#{guestPreferences.theme}" style="width:165px" effect="fade" id="statefulSwitcher">  
            <f:selectItem itemLabel="Selecione o Tema" itemValue="" />  
            <f:selectItems value="#{themeSwitcherBean.themes}" />  
            <p:ajax listener="#{themeSwitcherBean.saveTheme}" />  
        </p:themeSwitcher> 
       
  
        <h:outputText value="visualização DO Tema:" />   
        <p:themeSwitcher style="width:165px" effect="fade" var="t" id="themePreview">  
           <f:selectItem itemLabel="Selecione o Tema" itemValue="" />  
            <f:selectItems value="#{themeSwitcherBean.advancedThemes}" var="theme" itemLabel="#{theme.name}" itemValue="#{theme}"/>  
  
       
  
            <p:column>  
               #{t.name}  
           </p:column>  
       </p:themeSwitcher>  
   </h:panelGrid>  
  
   <p:separator />
	        
		
		</p:dialog> 
		</form>
</html>